<div class="layui-side-scroll">
    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <ul class="layui-nav layui-nav-tree" lay-filter="test">

      <li class="layui-nav-item layui-nav-itemed">
        <a href="#{:url('web.swiper/index')}" data-href="{:url('web.swiper/index')}" class="frame-url">轮播图片</a>
      </li>


      <li class="layui-nav-item layui-nav-itemed">
        <a href="#{:url('web.category/index')}" data-href="{:url('web.category/index')}" class="frame-url">分类管理</a>
      </li>

      <li class="layui-nav-item layui-nav-itemed">
        <a href="#{:url('web.artical/index')}" data-href="{:url('web.artical/index')}" class="frame-url">文章管理</a>
      </li>

      <li class="layui-nav-item layui-nav-itemed">
        <a href="#{:url('web.config/index')}" data-href="{:url('web.config/index')}" class="frame-url">网站信息</a>
      </li>

    </ul>
  </div>

  <script>
    $(function(){
      $(".frame-url").on("click",function(){
        var url = $(this).attr("data-href");
        console.log(url)
        $("#iframe").attr("src",url);
      })
    })
  </script>